*{
    padding: 0;
    margin: 0;
}
.all{   
    display: flex;
    align-items: center;
    .left{
    .brandName{
        // background-color: aqua;
        height: 12%;
        width: 25vw;
        // display: flex;
        // align-items: center;
        // justify-content: start;
        // display: inline-block;
        font-size: 3vw;
        color: rgb(241, 35, 35);
        font-weight: 600;
        // align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        background: rgb(46, 52, 66);
        display: flex;
        justify-content: center;
        align-items: center;
        // text-align: center;
        // line-height: ;
        // vertical-align: middle;
        // padding-left: 3%;
        .logo{
            background: url(/src/views/index/jumpToView/buttonPhoto/logo.png) no-repeat 0.916% -2.721%;
            background-size: 161vw 131vh;
            width: 15vw;
            height: 9.5vh;
            margin-left: 2vh;
            margin-top: -5vh;
        }
    }
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    height: 100vh;
    background: black;
    button{
        display: flex;
        flex-direction: row;
        justify-content:start;
        align-items: center;
        height: 10%;
        width: 25vw;
        padding-left: 17%;
        background: rgb(46, 52, 66);
        color: rgb(255 , 255, 255); 
       
        cursor: pointer;
        .buttonRight{
            display: flex;
            flex-direction:column;
            // margin-left: 1vw;
            font-size: 1.3vw;
            width: 70%;
            font-weight: 500;
        }
    } 
    .isSected{
        color: rgb(14, 131, 205);
        font-weight: 500 ;
        // background: linear-gradient(0deg, rgb(131, 159, 210), rgb(85, 105, 145), rgb(134, 176, 204));
        
    }
   
    .leftBottom{
        width:25vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        font-size: 0.1vh;
        color: aliceblue;
        background: rgb(46, 52, 66);
        font-size: 3vh;


        span{
            font-size: 2vh;
        }
        select{
            margin-left: 0.5vw;
            margin-top: 0.5vh;
            width: 6vw;
            // height: 1.5vw;
            font-size: 1vw;
        }
    }
}
.right{     
    height: 100vh;
     width: 100vw;
     background-color:rgb(29, 33, 36);
     display: flex;
     flex-direction: column; 
     overflow:hidden;
    .compo{
       height: 90%;
       background: rgb(8, 17, 32);
       width: 100%;
    }
    .exit{
        flex: 1;
        display: flex; 
        margin-right: 2vw;   
        justify-content: flex-end;
        font-size: 2vh;
        align-items: flex-end ;
        margin-bottom: 0.5vh;
        span{
             width: 20vw;
             height: 5vh;
            // background: green;
        // align-items: center;
         
          line-height: 5vh;
          color: aliceblue;
          margin-right: 5vw
         }
         .back{
        height: 8vh;
        background: rgb(71, 130, 186);
        width: 10vw  ;
        color: aliceblue;
        border: 0ch;
        border-radius: 1vh;
        cursor: pointer;
        font-weight: 900;
        font-size: 1vw;
        }
    }
  
}
}